import React,{Component} from 'react';
import './TablePanel';
import {Col, Row} from "antd";
import TablePanel from "./TablePanel";

class StaffInfo extends Component{
    constructor(props){
        super(props);
        this.state={}
    }

    render() {
        const staffList=[
            {
                name:'陈柏霖',
                date:'2017年12月25日',
                company:'佛山市岭蓝信息科技有限公司',
                apartment:'前端工程师',
                level:'1',
                type:'合同',
                address:'广州天河区黄村小学'
            },
            {
                name:'陈柏霖',
                date:'2017年12月25日',
                company:'佛山市岭蓝信息科技有限公司',
                apartment:'前端工程师',
                level:'1',
                type:'合同',
                address:'广州天河区黄村小学'
            }
        ];
        return(
            <TablePanel title={'三、财政开支人员信息'}>
                <Row className={'tablePanelRow'}>
                    <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>姓名</Col>
                    <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>参加工作时间</Col>
                    <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>单位名称</Col>
                    <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>职务</Col>
                    <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>级别</Col>
                    <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>编制类型</Col>
                    <Col className={'tablePanelRowCol'} xs={6} sm={6} md={6} lg={6} xl={6} xxl={6}>单位地址</Col>
                </Row>
                {
                    staffList.map((item,index)=>{
                        return(
                            <Row className={'tablePanelRow'} key={index}>
                                <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>{item.name}</Col>
                                <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>{item.date}</Col>
                                <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>{item.company}</Col>
                                <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>{item.apartment}</Col>
                                <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>{item.level}</Col>
                                <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>{item.type}</Col>
                                <Col className={'tablePanelRowCol'} xs={6} sm={6} md={6} lg={6} xl={6} xxl={6}>{item.address}</Col>
                            </Row>
                        )
                    })
                }
                {
                    staffList.length<=0?
                        <Row className={'tablePanelRow'}>
                            <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>{''}</Col>
                            <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>{''}</Col>
                            <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>{''}</Col>
                            <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>{''}</Col>
                            <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>{''}</Col>
                            <Col className={'tablePanelRowCol'} xs={3} sm={3} md={3} lg={3} xl={3} xxl={3}>{''}</Col>
                            <Col className={'tablePanelRowCol'} xs={6} sm={6} md={6} lg={6} xl={6} xxl={6}>{''}</Col>
                        </Row>:''
                }
            </TablePanel>
        )
    }
}

export default StaffInfo;
